<template>
 
    <el-page-header @back="goBack"  >  
      <div slot="title">这里是标题栏</div>
      <div slot="content">这里是内容
        <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
      </div>
</el-page-header> 
    <!-- <router-view> </router-view> -->
</template>
<script>
import { mapGetters, mapMutations } from "vuex"; 

export default {
  components: {
 
  },
  data() {
    return {
      tableData: [
          {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }
          ]
    };
  },　
  mounted() {
   
  },
  created() {
    
  },
  methods: {
    goBack() {
        console.log('go back');
      }
  },
  computed: {
    ...mapGetters({
       appName: "app/_getAppName"
    }),
    rotateIcon() {
      return ["menu-icon", this.isCollapsed ? "rotate-icon" : ""];
    },
    menuitemClasses() {
      return ["menu-item", this.isCollapsed ? "collapsed-menu" : ""];
    },
  },
  watch: {
    $route: function (to, from) {
      const that = this;
      this.sitePath = to.matched;
      if (this.sitePath.length === 4) {
        that.activePath = that.sitePath[that.sitePath.length - 1].path.substr(
          5
        );
      }
    },
  },
};
</script>

